<template>
  <div class="investor-container">
    <div class="banner">
      <img src="http://www.sutpc.com/static/images/investor-banner.jpg" alt="投资者关系" />
      <div class="banner-text">
        <h1>投资者关系</h1>
      </div>
    </div>

    <div class="content-wrapper">
      <div class="container">
        <div class="investor-content">
          <h2>投资者关系</h2>
          <div class="investor-info">
            <p>中空领航致力于为投资者创造长期稳定的价值回报。我们坚持透明、诚信的运营原则，定期向投资者公开公司经营情况、财务数据及发展战略。</p>
            
            <h3>股东服务</h3>
            <p>我们为股东提供全方位、专业化的服务，包括但不限于：</p>
            <ul>
              <li>定期财务报告</li>
              <li>股东大会</li>
              <li>投资者沟通会</li>
              <li>公司公告</li>
            </ul>
            
            <h3>信息披露</h3>
            <p>中空领航严格按照相关法律法规要求，及时、准确、完整地披露公司信息，确保投资者及时了解公司重大事项和经营状况。</p>
            
            <h3>联系我们</h3>
            <p>投资者关系部门邮箱：ir@zhongkong.com</p>
            <p>投资者热线：400-888-XXXX</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Investor',
  data() {
    return {
      
    }
  }
}
</script>

<style scoped>
.investor-container {
  min-height: 600px;
}

.banner {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
}

.banner-text h1 {
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.content-wrapper {
  padding: 40px 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.investor-content {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.investor-content h2 {
  font-size: 28px;
  color: #333;
  border-bottom: 2px solid #0066cc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.investor-info h3 {
  font-size: 22px;
  color: #0066cc;
  margin: 25px 0 15px;
}

.investor-info p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
}

.investor-info ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}

.investor-info ul li {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 8px;
}
</style> 